/* AddDataModal 树形结构样式 */

.add-data-modal-tree-container .ant-tree {
  background: transparent;
}

.add-data-modal-tree-container .ant-tree .ant-tree-node-content-wrapper {
  font-size: 14px;
  border-radius: 4px;
  transition: background 0.2s;
  padding-inline: 3px;
}

.add-data-modal-tree-container .ant-tree .ant-tree-node-content-wrapper:hover {
  color: #0f59a4;
}

.add-data-modal-tree-container .ant-tree .ant-tree-node-selected {
  background: #e3f0ff !important;
  color: #0f59a4 !important;
}

.add-data-modal-tree-container .ant-tree .ant-tree-switcher {
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 0;
}

.add-data-modal-tree-container .ant-tree .ant-tree-switcher:before {
  width: 16px;
}

.add-data-modal-tree-container .ant-tree-indent-unit {
  width: 10px;
}

/* 第一层级整行背景色 */
.add-data-modal-tree-container .ant-tree-treenode.level-1-node {
  background: #1890ff !important;
  color: #fff !important;
  width: 100%;
  border-radius: 4px;
  margin-bottom: 2px;
}

.add-data-modal-tree-container .ant-tree-treenode.level-1-node:hover > .ant-tree-node-content-wrapper {
  color: #fff !important;
}

.add-data-modal-tree-container .ant-tree-treenode.level-1-node .ant-tree-node-content-wrapper {
  color: #fff !important;
}

.add-data-modal-tree-container .ant-tree-treenode.level-1-node .ant-tree-node-content-wrapper:hover {
  color: #fff !important;
}

/* 第二层级整行背景色 */
.add-data-modal-tree-container .ant-tree-treenode.level-2-node {
  background: #eef8ff !important;
  width: 100%;
  border-radius: 4px;
  margin-bottom: 1px;
}

.add-data-modal-tree-container .ant-tree-treenode.level-2-node .ant-tree-node-content-wrapper {
  color: #0f59a4;
}

.add-data-modal-tree-container .ant-tree-treenode.level-2-node .ant-tree-node-content-wrapper:hover {
  color: #0f59a4;
}

/* 第三层级及以下保持默认样式 */
.add-data-modal-tree-container .ant-tree-treenode:not(.level-1-node):not(.level-2-node) .ant-tree-node-content-wrapper {
  color: #333;
}

.add-data-modal-tree-container .ant-tree-treenode:not(.level-1-node):not(.level-2-node) .ant-tree-node-content-wrapper:hover {
  color: #0f59a4;
}

/* 确保树节点内容不会换行 */
.add-data-modal-tree-container .ant-tree .ant-tree-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 树节点选中状态优化 */
.add-data-modal-tree-container .ant-tree .ant-tree-node-selected .ant-tree-title {
  color: #0f59a4 !important;
  font-weight: 500;
}

/* 筛选表单样式 */
.add-data-modal-tree-container + div .filter-form {
  background: rgb(250, 250, 250);
  margin-bottom: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  padding: 12px;
  border-radius: 4px;
}

.add-data-modal-tree-container + div .filter-form .ant-form-item {
  margin-bottom: 0 !important;
}

/* 固定项筛选条样式 */
.add-data-modal-tree-container + div .fixed-filter-tabs {
  display: flex;
  align-items: center;
  gap: 32px;
  margin-bottom: 8px;
  padding-left: 8px;
  font-size: 14px;
  user-select: none;
}

.add-data-modal-tree-container + div .filter-tab-item {
  color: #7a8ca4;
  cursor: pointer;
  transition: color 0.2s;
}

.add-data-modal-tree-container + div .filter-tab-item:hover {
  color: #0f59a4;
}

.add-data-modal-tree-container + div .filter-tab-item.active {
  color: #0f59a4;
  font-weight: bold;
  border-bottom: 1px solid #0f59a4;
  padding-bottom: 2px;
}

/* 斑马纹效果 */
.add-data-modal-tree-container + div .zebra-row-even {
  background-color: #e6f7ff !important;
}

.add-data-modal-tree-container + div .zebra-row-odd {
  background-color: #fff !important;
}
